/* general formatting */

body {
  font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  font-size: 9pt;
  background-color: #fff;
  color: #000;
  margin: 0px;
  padding: 0px;
}

p {
  margin: 0.5em 0em 1em 0em;
  padding: 5px;
  line-height: 1.2em;
}


/* link formatting */

:link.visible-link {
  text-decoration: underline;
}

:link, :visited {
  text-decoration: none;
  color: inherit;
}

:link:hover, :visited:hover {
}

/* images */

img {
  border: none;
  vertical-align: middle;
  border: 0px;
  margin: 0px;
}

a img {
  border: 1px solid transparent;
}

a img:hover {
  border: 1px solid red;
}

/* headlines */

h1, h2, h3, h4, h5, h6 {
  color: black;
  margin: 0px;
  padding-top: 0.5em;
}

/* LISTS */

ul { 
  line-height: 1.5em;
  list-style-type: square;
  margin: 0.5em 0em 0em 1.5em;
  padding: 0px;
  list-style-image: url(../images/bullet.png);
}

ol {
  line-height: 1.5em;
  margin: 0.5em 0em 0em 1.5em;
  padding: 0px;
}

ul a, ol a {
  text-decoration: underline;
}

li {
  margin-bottom: 1em;
}

.pre {
  white-space: pre;
}

.hidden {
  display: none;
}


/* image sizes */

.tiny {
  height: 16px;
  width: 16px;
}

.small {
  height: 32px;
  width: 32px;
}

.medium {
  height: 48px;
  width: 48px;
}

.large {
  height: 64px;
  width: 64px;
}

.huge {
  height: 128px;
  width: 128px;
}

#travel-container { margin-right: 9em; }
#travel td,th { padding: 1em; }
#travel th { vertical-align: middle; }
#travel-menu { position: absolute; top: 1em; right: .5em; }
#travel-menu div {
    border: 1px solid #90acc8; background-color: #90acc8; padding: 2px;
    margin: 2px; text-align: center;
}
/* SIDEBAR */

/*
 * COLORS
 *
 * dark    - #90acc8
 * light   - 
 * bright  - 
 *
 */ 


#sidebar {
  position: fixed;
  overflow: auto;
  width: 10em;
  min-width: 100px;
  height: 100%;
  padding: 0em 1em;
  margin: 0;
  border-right: 1px solid black;
  z-index: 4;
}

/* Web Site Logo */

#logo {
  height: 128px;
  width: 10em;
  text-align: center;
  margin: 0.5em 0 0 0;
  border: none;
}

#logo img {
  height: 128px;
  width: 128px;
}

/* Menu */

#menu {
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

#menu .menu-item {
  display: block;
  padding: 2px 0 2px 0;
  line-height: 120%;
  margin: 1px 0 1px 0;

  background-color: #c8d8e8;
  border: 1px solid #90acc8;

  text-align: center;
}

#menu .menu-text {
  display: block;
  padding: 3px;
  line-height: 120%;
  margin: 2px 0 2px 0;

  background-color: #c8d8e8;
  border: 1px solid black;

  text-align: center;
}

#menu .menu-item.selected {
  font-weight: bold;
  background-color: #90acc8;
  color: white;
  border: 1px solid black;
}

#menu .menu-item.off:hover {
  background-color: #c8d8e8;
  border: 1px solid red;
}

#menu .menu-item-group {
  margin-bottom: 6px;
  margin-top: 6px;
}

/* CONTEXTBAR */

#context {
  position: fixed;
  top: 0em;
  left: 12em;
  width: 100%;
  height: 7em;
  min-height: 80px;
  padding-left: 8em;
  text-align: left;
  background-color: #b0cce8;
  z-index: 4;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}

div#object-image {
  position: fixed;
  top: 6px;
  left: 13em;
  width: 64px;
  height: 64px;

  background-color: #c8d8e8;
  padding: 3px;
  z-index: 4;
}

img.object-image {
  width: 64px;
  height: 64px;
}

div#object-id {
  position: fixed;
  top: 10px;
  right: 20px;

  background-color: black;
  color: white;

  z-index: 4;
}

/* OBJECT NAVIGATION */

div.object_navigation {
  position: fixed;
  font-size: larger;
  top: 50px;
  left: 230px;
}

/* MAIN CONTENT AREA */

#content {
  position: absolute;
  top: 10em;
  left: 12em;
  right: 1em;
}

#data :link:hover, #data :visited:hover {
  text-decoration: underline;
}



/* CONTENT DATA */

#data {
  padding: 5px;
  background-color: #f8f8f8;
  margin-bottom: 80px;
}

/* CONFLICT STUFF */

fieldset.conflicts {
  background-color: lightsalmon;
}


/* arrows of sortable tables */

span.sortarrow {
  color: blue;
}

/* TABLES */

table {
  border: 0px solid #90acc8;
  padding: 2px;
  margin: 2px 0 2px 0;
  width: auto;
  border-collapse: separate;
}

thead {
}

caption {
  caption-side: top;
  text-align: center;
  width: auto;
}

tbody {
}

th, td {
  padding: 2px;
  border-spacing: 2px;

  border: 1px solid #90acc8;

  empty-cells: show;
}

th {
  background-color: #90acc8;
  vertical-align: baseline;
}

td {
  vertical-align: middle;
}

td.money {
  text-align: right;
}

tr {
  background-color: #c8d8e8;
}

tr:hover th {
  border: 1px solid #c8d8e8;
}

tr:hover td {
  border: 1px solid #90acc8;
}


/* event states */

tr.accepted, td.accepted {
  background-color: #71ff88;
}

tr.undecided, td.undecided {
  background-color: #fff371;
}

tr.rejected, td.rejected {
  background-color: #f16567;
}



/* SPECIFIC TABLE LAYOUT */

div#comment table {
  width: 100%;
}

col.label {
  text-align: right;
}

col.ratings {
  text-align: center;
}

col.comment {
  text-align: left;
}
/* FORMS */

form {
  border: none;
  margin: 0px;
}

fieldset {
  border: 1px solid #c8d8e8;
  padding: 5px 10px 10px 10px;

  margin-top: 10px;
  line-height: 1em;
  width: auto;
}

div#comment {
}

legend {
  background: transparent;
}

label {
  font-weight: bold;
}

textarea {
  border: 1px solid #c8d8e8;
  padding: 2px;
  color: #000;
  background-color: #fff;
  width: 100%;
}


input {
  visibility: visible;
  border: 2px solid #c8d8e8;  
  color: #000;
  background-color: #fff;
  vertical-align: middle;
  padding: 2px;
  margin: 2px;
}

input:focus, textarea:focus {
  background-color: #FFFFD0;
  border-color: #90acc8;
}


select {
  border: 1px solid #c8d8e8;  
  color: #000;
  vertical-align: top;
}
/* ACTIVITY LIST */

#activity {
  position: fixed;
  right: 0px;
  top: 0px;
  height: 20px;
  z-index: 5;
  font-size: smaller;
}

#activity a {
  margin: 0px 2px;
  background-color: #FF4040;
  padding: 3px;
}

#activity:hover span {
}

#activity .user {
  color: black;
  margin-left: 2px;
}

#activity .time {
  color: white;
}

#activity :link, #activity :visited {
  color: black;
}

#activity :link:hover, #activity :visited:hover {
  text-decoration: underline;
}

#activity :active {
  color: white;
}

/* BUTTONS */

#buttons {
  position: fixed;
  right: 0;
  bottom: 0;

  padding: 10px;

  background-color: #90acc8;
  border-top: 2px dashed black;
  border-left: 2px dashed black;
  z-index: 3;

  text-align: right;
}

#buttons button {
  font-size: 150%;
}

#remove-button {
  position: fixed;
  right: 15px;
  top: 40px;
  z-index: 5;
}

button {
  border: 2px solid black;

  display: inline;
  cursor: pointer;

  color: black;
  font-weight: bold;
  background-color: #fff;
  vertical-align: middle;

  padding-left: 3px;
  padding-right: 3px;

  text-align: center;
}

button.paginate {
  border: 1px solid black;
}

button:hover {
  background-color: #90acc8;
  color: #fff;
}

button:active {
  color: black;
}

/* used for buttons to step through find results */

button.active {
  background-color: #90acc8;
  color: black;
}

button.active:hover {
  color: white;
}

button.attend-button {
  margin: 10px 0px 0px 10px;
}

/* CONTENT TABS */

#tabs {
  position: fixed;

  top: 7em;
  right: 1em;
  left: 13em;

  height: 2em;
  clear: both;

  z-index: 4;
}

#tabs .tab {
  display:  block;
  float: left;

  padding: 5px;

  margin: 0px;
  margin-right: 5px;

  text-align: center;
  background-color: white;

  border: 1px solid black;
  border-top: 2px solid #b0cce8;
}

#tabs #tab-all {
  margin-right: 0px;
  float: right;
}

#tabs .tab:hover {
  background-color: #c8d8e8;
}

#tabs .tab.active {
  background-color: #b0cce8;
  color: white;
}

#tabs .tab.active:hover {
  color: black;
}

div.content_tab {
/*  display: none; */
}

div.tab-group {
  border: 1px solid #c8d8e8;
  padding: 4px;
  margin: 2px;
}

#colors { margin-top: 2em; }

/* RATING BARS */

td.rating-bar {
  width: 150px;
}

td.rating-bar span {
  display: block;
  color: white;
  height: 20px;
}

td.rating-bar span.negative {
  background-color: red;
  float: right;
  text-align: right;
}

td.rating-bar span.positive {
  background-color: green;
  float: left;
  text-align: left;
}

td.rating-bar span.p0  { width:  0px; }
td.rating-bar span.p10 { width: 15px; }
td.rating-bar span.p20 { width: 30px; }
td.rating-bar span.p30 { width: 45px; }
td.rating-bar span.p40 { width: 60px; }
td.rating-bar span.p50 { width: 75px; }
td.rating-bar span.p60 { width: 90px; }
td.rating-bar span.p70 { width: 105px; }
td.rating-bar span.p80 { width: 120px; }
td.rating-bar span.p90 { width: 135px; }
td.rating-bar span.p100 { width: 150px; }

td.rating-bar-small {
  width: 20px;
  line-height: 8px;
  vertical-align: top;
  padding: 1px;
}

td.rating-bar-small span {
  display: block;
  color: white;
  height: 8px;
}

td.rating-bar-small span.negative {
  background-color: red;
  float: right;
  text-align: right;
  margin: 1px 0px 1px 1px;
}

td.rating-bar-small span.positive {
  background-color: green;
  float: left;
  text-align: left;
  margin: 1px 1px 1px 0px;
}

td.rating-bar-small span.p0 { width: 0; }
td.rating-bar-small span.p1 { width: 10px; }
td.rating-bar-small span.p2 { width: 20px; }



ul.history {
  line-height: 0.2em;
}

ul.event-persons { margin: 0; padding: 0; }
ul.event-persons li { margin: 0; padding: 0; display: inline; }
ul.event-persons li+li:before { content: ", "; }

ul.recipients { margin: 0; padding: 0; display: inline; }
ul.recipients li { margin: 0; padding: 0; display: inline; }
ul.recipients li+li:before { content: ", "; }

ul.advanced_search { list-style: none none inside; margin: 0px; }
ul.advanced_search li { margin: 0px; vertical-align: middle; }
ul.advanced_search li select { margin: 3px 0px; padding: 1px 0px; }


div.js-warning {
  font-size: 1.8em;
  background: red;
  position: fixed;
  z-index: 10;
  right: 5px; 
  margin: 5px; 
  padding: 3px 10px;  
}

div.browser-warning {
  font-size: 1.5em;
  background: red;
  position: fixed;
  z-index: 10;
  left: 5px; 
  top: 5px;
  margin: 5px; 
  padding: 3px 10px;  
}

/* general formatting */

td.recording_status_A, tr.recording_status_A {
    background: #8f8;
}

td.recording_status_B, tr.recording_status_B {
    background: #ad8;
}

td.recording_status_C, tr.recording_status_C {
    background: #cb8;
}

td.recording_status_D, tr.recording_status_D {
    background: #e98;
}

td.recording_status_E, tr.recording_status_E {
    background: #f78;
}

td.recording_status_F, tr.recording_status_F {
    background: #f55;
}

td.recording_status_X, tr.recording_status_X {
    background: #999;
}

td.recording_status_TODO, tr.recording_status_TODO {
    background: #aad;
}

td.video_associate {
    text-align: center;
}

tr.associated_event {
/*    background: #f55;*/
}

tr.unassociated_event {
    background: #f55;
}

a.videolisting { text-decoration: underline; }